{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}

{{#if view.dataIsReady}}
  {{#unless view.content.isHiddenByFilter}}
    <div class="row bottom-border comparison-table-header">
      <div class="col-md-3 property-name-column">{{t common.propertyName}}</div>
      <div class="col-md-4 property-value-column">
        {{t common.version}}&nbsp;{{view.primaryCompareVersion.version}}
        {{#if view.primaryCompareVersion.isCurrent}}
          <span class="label label-success">{{t common.current}}</span>
        {{/if}}
      </div>
      <div class="col-md-4 col-md-offset-1 property-value-column">
        {{t common.version}}&nbsp;{{view.secondaryCompareVersion.version}}
        {{#if view.secondaryCompareVersion.isCurrent}}
          <span class="label label-success">{{t common.current}}</span>
        {{/if}}
      </div>
    </div>

    <div class="accordion">
      {{#each row in view.content.sectionRows}}
        {{#each section in row}}
          <div class="panel-group">
            <div class="panel panel-default">
              <div class="panel-heading" {{action "onToggleBlock" section target="view"}}>
                <h3 class="panel-title">
                  <i {{bindAttr class=":pull-right :panel-toggle section.isCollapsed:icon-angle-down:icon-angle-up"}}></i>
                  <a class="panel-toggle category-header" {{QAAttr "category-header"}}>
                    <span class="category-name" {{QAAttr "category-name"}}>{{section.displayName}}</span>
                  </a>
                </h3>
              </div>
              <div class="panel-body collapse in" {{bindAttr style="view.isCategoryBodyVisible"}} {{QAAttr "panel-body"}}>
                <div class="service-config-section">
                  {{#each subRow in section.subsectionRows}}
                    {{#each subsection in subRow}}
                      {{#each configData in subsection.configs}}
                        {{#if configData.widget}}
                          {{#if configData.isVisible}}
                            {{template "templates/common/configs/configs_comparison_row"}}
                          {{/if}}
                        {{/if}}
                      {{/each}}
                      {{#if subsection.showTabs}}
                        {{#each subSectionTab in subsection.subSectionTabs}}
                          {{#each configData in subSectionTab.configs}}
                            {{#if configData.isVisible}}
                              {{template "templates/common/configs/configs_comparison_row"}}
                            {{/if}}
                          {{/each}}
                        {{/each}}
                      {{/if}}
                    {{/each}}
                  {{/each}}
                </div>
              </div>
            </div>
          </div>
        {{/each}}
      {{/each}}
    </div>
  {{/unless}}
{{/if}}
